<!DOCTYPE HTML>
<!--[if IE 8]> <html class="ie8 no-js"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
	<!-- begin meta -->
	<meta charset="utf-8">
	<meta name="description" content="Finesse is a responsive business and portfolio theme carefully handcrafted using the latest technologies. It features a clean design, as well as extended functionality that will come in very handy.">
	<meta name="keywords" content="Finesse, responsive business portfolio theme, HTML5, CSS3, clean design">
	<meta name="author" content="Ixtendo">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- end meta -->
	
	<!-- begin CSS -->
	<link href="style.css" type="text/css" rel="stylesheet" id="main-style">
	<!--[if IE]>
    <link href="../static/css/ie.css" type="text/css" rel="stylesheet"> <![endif]-->
	<link href="../static/css/colors/orange.css" type="text/css" rel="stylesheet" id="color-style">
    <!-- end CSS -->
	
	<link href="../static/images/favicon.ico" type="image/x-icon" rel="shortcut icon">
	
	<!-- begin JS -->
    <script src="../static/js/jquery-1.7.2.min.js" type="text/javascript"></script> <!-- jQuery -->
    <script src="../static/js/ie.js" type="text/javascript"></script> <!-- IE detection -->
    <script src="../static/js/jquery.easing.1.3.js" type="text/javascript"></script> <!-- jQuery easing -->
	<script src="../static/js/modernizr.custom.js" type="text/javascript"></script> <!-- Modernizr -->
    <!--[if IE 8]>
    <script src="../static/js/respond.min.js" type="text/javascript"></script><![endif]--> <!-- Respond -->
	<script src="../static/js/jquery.polyglot.language.switcher.js" type="text/javascript"></script> <!-- language switcher -->
    <script src="../static/js/ddlevelsmenu.js" type="text/javascript"></script> <!-- drop-down menu -->
    <script type="text/javascript"> <!-- drop-down menu -->
        ddlevelsmenu.setup("nav", "topbar");
    </script>
    <script src="../static/js/tinynav.min.js" type="text/javascript"></script> <!-- tiny nav -->
    <script src="../static/js/jquery.jcarousel.min.js" type="text/javascript"></script> <!-- carousel -->
    <script src="../static/js/jquery.ui.totop.min.js" type="text/javascript"></script> <!-- scroll to top -->
    <script src="../static/js/jquery.fancybox.pack.js" type="text/javascript"></script> <!-- lightbox -->
    <script src="../static/js/jquery.cycle.all.js" type="text/javascript"></script> <!-- entry slider -->
    <script src="../static/js/jquery.fitvids.js" type="text/javascript"></script> <!-- responsive video embeds -->
	<script src="../static/js/jquery.tweet.js" type="text/javascript"></script> <!-- Twitter widget -->
	<script src="../static/js/jquery.touchSwipe.min.js" type="text/javascript"></script> <!-- touchSwipe -->
    <script src="../static/js/custom.js" type="text/javascript"></script> <!-- jQuery initialization -->
    <!-- end JS -->
    
	<title>Finesse - Portfolio Item &ndash; Slider</title>
</head>

<body>
<!-- begin container -->
<div id="wrap">
	<!-- begin header -->
        <header id="header" class="container">
            <!-- begin header top -->
            <section id="header-top" class="clearfix">
                <!-- begin header left -->
                <div class="one-half">
                    <h1 id="logo"><a href="index.html"><img src="../static/images/logo.png" alt="Finesse"></a></h1>
                    <p id="tagline">Responsive Business Theme</p>
                </div>
                <!-- end header left -->
                
                <!-- begin header right -->
                <div class="one-half column-last">
                    <!-- begin language switcher -->
                    <div id="polyglotLanguageSwitcher">
                        <form action="#">
                            <select id="polyglot-language-options">
                                <option id="en" value="en" selected>English</option>
                                <option id="fr" value="fr">Fran&ccedil;ais</option>
                                <option id="de" value="de">Deutsch</option>
                                <option id="it" value="it">Italiano</option>
                                <option id="es" value="es">Espa&ntilde;ol</option>
                            </select>
                        </form>
                    </div>
                    <!-- end language switcher -->
                    
                    <!-- begin contact info -->
                    <div class="contact-info">
                        <p class="phone">(123) 456-7890</p>
                        <p class="email"><a href="mailto:info@finesse.com">info@finesse.com</a></p>
                    </div>
                    <!-- end contact info -->
                </div>
                <!-- end header right -->
            </section>
            <!-- end header top -->
            
            <!-- begin navigation bar -->
            <section id="navbar" class="clearfix">
                <!-- begin navigation -->
                <nav id="nav">
                    <ul id="navlist" class="clearfix">
                        <li><a href="index.html" rel="submenu1">Home</a>
                        	<ul id="submenu1" class="ddsubmenustyle">
                                <li><a href="index.html">Home Version 1</a></li>
                                <li><a href="index-2.html">Home Version 2</a></li>
                            </ul>
                        </li>
                        <li><a href="about-us.html" rel="submenu2">Templates</a>
                            <ul id="submenu2" class="ddsubmenustyle">
                            	<li><a href="about-us.html">About Us</a></li>
                            	<li><a href="services.html">Services</a></li>
                                <li><a href="testimonials.html">Testimonials</a></li>
                                <li><a href="sitemap.html">Sitemap</a></li>
                                <li><a href="404-error-page.html">404 Error Page</a></li>
                                <li><a href="search-results.html">Search Results</a></li>
                                <li><a href="full-width-page.html">Full Width Page</a></li>
                                <li><a href="page-right-sidebar.html">Page with Right Sidebar</a></li>
                                <li><a href="page-left-sidebar.html">Page with Left Sidebar</a></li>
                                <li><a href="#">Multi-Level Drop-Down</a>
                                    <ul>
                                        <li><a href="#">Drop-Down Example</a></li>
                                        <li><a href="#">Multi-Level Drop-Down</a>
                                            <ul>
                                                <li><a href="#">Drop-Down Example</a></li>
                                                <li><a href="#">Drop-Down Example</a></li>
                                                <li><a href="#">Drop-Down Example</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">Drop-Down Example</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="elements.html" rel="submenu3">Features</a>
                            <ul id="submenu3" class="ddsubmenustyle">
                                <li><a href="elements.html">Elements</a></li>
                                <li><a href="grid-columns.html">Grid Columns</a></li>
                                <li><a href="pricing-tables.html">Pricing Tables</a></li>
                                <li><a href="images.html">Images</a></li>
                                <li><a href="video.html">Video</a></li>
                            </ul>
                        </li>
                        <li class="current"><a href="portfolio.html" rel="submenu4">Portfolio</a>
                            <ul id="submenu4" class="ddsubmenustyle">
                                <li><a href="portfolio.html">Portfolio Overview</a></li>
                                <li><a href="portfolio-item-slider.html">Portfolio Item &ndash; Slider</a></li>
                                <li><a href="portfolio-item-image.html">Portfolio Item &ndash; Image</a></li>
                                <li><a href="portfolio-item-embedded-video.html">Portfolio Item &ndash; Embedded Video</a></li>
                                <li><a href="portfolio-item-self-hosted-video.html">Portfolio Item &ndash; Self-Hosted Video</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html" rel="submenu5">Blog</a>
                            <ul id="submenu5" class="ddsubmenustyle">
                                <li><a href="blog.html">Blog Overview</a></li>
                                <li><a href="blog-post.html">Blog Post</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
                <!-- end navigation -->
                
                <!-- begin search form -->
                <form id="search-form" action="search.php" method="get">
                    <input id="s" type="text" name="s" placeholder="Search &hellip;" style="display: none;">
                    <input id="search-submit" type="submit" name="search-submit" value="Search">
                </form>
                <!-- end search form -->
            </section>
            <!-- end navigation bar -->
            
        </header>
        <!-- end header -->
        
	<!-- begin content -->
        <section id="content" class="container clearfix">
        	<!-- begin page header -->
            <header id="page-header">
            	<h1 id="page-title">Portfolio Item &ndash; Slider</h1>	
            </header>
            <!-- end page header -->
        	
            <!-- begin main content -->
            
            <!-- begin project -->
            <section>
            	<!-- begin project media -->
                <div class="three-fourths">
                	<div class="entry-slider">
                        <ul>
                            <li><a class="fancybox" rel="gallery-living-brown" href="../static/images/entries/full-size/living-brown.jpg" title="Image Title"><span class="overlay zoom"></span><img src="../static/images/entries/700x500/living-brown-700x500.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-living-brown" href="../static/images/entries/full-size/dining-and-living-cream.jpg" title="Image Title"><span class="overlay zoom"></span><img src="../static/images/entries/700x500/dining-and-living-cream-700x500.png" alt=""></a></li>
                            <li style="display: none;"><a class="fancybox" rel="gallery-living-brown" href="../static/images/entries/full-size/living-white.jpg" title="Image Title"><span class="overlay zoom"></span><img src="../static/images/entries/700x500/living-white-700x500.png" alt=""></a></li>
                        </ul>
                    </div>
                </div>
                <!-- end project media -->
                
                <!-- begin project description -->
                <div class="one-fourth column-last">
                	<h3>Overview</h3>
                    <p>Proin ut volutpat elit. Suspendisse ullamcorper vulputate placerat. Nam tincidunt urna nec dui bibendum varius. Nullam odio lectus, tempor eleifend aliquam at, fermentum a magna. Donec in lectus ac ante dignissim elementum vel ut nibh.</p>
                    
                    <h3>Customer</h3>
                    <p>&mdash; SmartBiz</p>
                    
                    <h3>Year</h3>
                    <p>&mdash; 2012</p>
                    
                    <h3>Technology</h3>
                    <ul class="check">
                    	<li>User Interface Design</li>
                    	<li>HTML/CSS/JavaScript</li>
                        <li>PHP/MySQL</li>
                    </ul>
                    <a href="#" class="button">Visit Website</a>
                </div>
                <!-- end project description -->
                <div class="clear"></div>
            </section>
            <!-- end project -->
            
            <!-- begin related projects -->
            <section>
            	<h2>Related Projects</h2> 
                <!-- begin project carousel -->
                <ul class="project-carousel">
                    <li class="entry">
						<div class="entry-image">
							<a class="fancybox" rel="gallery-living-large-windows" href="../static/images/entries/full-size/living-large-windows.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/living-large-windows-220x130.png" alt=""></a>
                            <a class="fancybox invisible" rel="gallery-living-large-windows" href="../static/images/entries/full-size/living-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/living-brown-220x130.png" alt=""></a>
                            <a class="fancybox invisible" rel="gallery-living-large-windows" href="../static/images/entries/full-size/dining-and-living-cream.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-and-living-cream-220x130.png" alt=""></a>
						</div>
						<h4 class="entry-title"><a href="portfolio-item-image.html">Living with Large Windows</a></h4>
						<div class="entry-content">
							<p>Gallery project with lightbox.</p>
						</div>
					</li>
                    <li class="entry">
						<div class="entry-image">
							<a class="fancybox" href="../static/images/entries/full-size/living-white.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/living-white-220x130.png" alt=""></a>
						</div>
						<h4 class="entry-title"><a href="portfolio-item-image.html">White Living Room</a></h4>
						<div class="entry-content">
							<p>Image project with lightbox.</p>
						</div>
					</li>
                    <li class="entry">
						<div class="entry-slider">
                        	<ul>
                                <li><a class="fancybox" rel="gallery-dining-white2" href="../static/images/entries/full-size/dining-white2.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-white2-220x130.png" alt=""></a></li>
                                <li style="display: none;"><a class="fancybox" rel="gallery-dining-white2" href="../static/images/entries/full-size/dining-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-brown-220x130.png" alt=""></a></li>
                                <li style="display: none;"><a class="fancybox" rel="gallery-dining-white2" href="../static/images/entries/full-size/dining-white.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-white-220x130.png" alt=""></a></li>
                            </ul>
						</div>
						<h4 class="entry-title"><a href="portfolio-item-slider.html">White Dining Room 2</a></h4>
						<div class="entry-content">
							<p>Gallery project with slider and lightbox.</p>
						</div>
					</li>
                    <li class="entry">
						<div class="entry-image">
							<a class="fancybox" rel="gallery-study" href="../static/images/entries/full-size/study.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/study-220x130.png" alt=""></a>
                            <a class="fancybox invisible" rel="gallery-study" href="../static/images/entries/full-size/dining-white2.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-white2-220x130.png" alt=""></a>
                            <a class="fancybox invisible" rel="gallery-study" href="../static/images/entries/full-size/dining-brown.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-brown-220x130.png" alt=""></a>
						</div>
						<h4 class="entry-title"><a href="portfolio-item-image.html">Study</a></h4>
						<div class="entry-content">
							<p>Gallery project with lightbox.</p>
						</div>
					</li>
                    <li class="entry">
                    	<div class="entry-image">
							<a class="fancybox" href="../static/images/entries/full-size/dining-white.jpg" title="Project Title"><span class="overlay zoom"></span><img src="../static/images/entries/220x130/dining-white-220x130.png" alt=""></a>
						</div>
						<h4 class="entry-title"><a href="portfolio-item-image.html">White Dining Room</a></h4>
						<div class="entry-content">
							<p>Image project with lightbox.</p>
						</div>
                    </li>
            	</ul>
                <!-- end project carousel -->
            </section>
            <!-- end related projects -->
            
            <!-- end main content -->
        </section>
        <!-- end content -->            
    
	<!-- begin footer -->
	<footer id="footer">
    	<div class="container">
            <!-- begin footer top -->
            <div id="footer-top">
                <div class="one-fourth">
                	<div class="widget">
                        <h3>About Us</h3>
                        <p>Finesse is a responsive business and portfolio theme carefully handcrafted using the latest technologies.</p>
                        <p>It features a clean design, as well as extended functionality that will come in very handy.</p>
                    </div>
                </div>
                <div class="one-fourth">
                	<div class="widget latest-posts">
                        <h3>Latest Posts</h3>
                        <ul>
                            <li>
                                <a href="blog-post.html">How to Make Innovative Ideas Happen</a>
                                <span>March 10, 2012</span>
                            </li>
                            <li> <a href="blog-post.html">Web Development for the iPhone and iPad</a>
                                <span>March 10, 2012</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="one-fourth">
                	<div class="widget twitter-widget">
                    	<h3>Latest Tweets</h3>
                        <div class="tweet"></div>
                    </div>
                </div>
                <div class="one-fourth column-last">
                	<div class="widget contact-info">
                    	<h3>Contact Info</h3>
                        <p class="address"><strong>Address:</strong> 123 Street, City, Country</p>
                        <p class="phone"><strong>Phone:</strong> (123) 456-7890</p>
                        <p class="email"><strong>Email:</strong> <a href="mailto:info@finesse.com">info@finesse.com</a></p>
                        <div class="social-links">
                        	<h4>Follow Us</h4>
                            <ul>
                            	<li class="twitter"><a href="#" title="Twitter" target="_blank">Twitter</a></li>
                                <li class="facebook"><a href="#" title="Facebook" target="_blank">Facebook</a></li>
                                <li class="google"><a href="#" title="Google+" target="_blank">Google+</a></li>
                                <li class="youtube"><a href="#" title="YouTube" target="_blank">YouTube</a></li>
                                <li class="skype"><a href="#" title="Skype" target="_blank">Skype</a></li>
                                <li class="rss"><a href="#" title="RSS" target="_blank">RSS</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end footer top -->	
            
            <!-- begin footer bottom -->
            <div id="footer-bottom">
            	<div class="one-half">
                	<p>Copyright &copy; 2012 Finesse. Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p>
                </div>
                
                <div class="one-half column-last">
                	<nav id="footer-nav">
                        <ul>
                            <li><a href="index.html">Home</a> &middot;</li>
                            <li><a href="about-us.html">Templates</a> &middot;</li>
                            <li><a href="elements.html">Features</a> &middot;</li>
                            <li><a href="portfolio.html">Portfolio</a> &middot;</li>
                            <li><a href="blog.html">Blog</a> &middot;</li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!-- end footer bottom -->	
        </div>
	</footer>
	<!-- end footer -->
</div>
<!-- end container -->

</body>
</html>